/*
 * @Description: 购票记录首页
 * @Author: shuaishuai.wang
 * @Date: 2019-08-21 09:56:41
 * @Last Modified by: shuaishuai.wang
 * @Last Modified time: 2019-08-23 16:07:57
 */
<template>
  <div
    class="main fontsize32"
    v-wechat-title="$route.meta.title"
  >
    <div
      v-if="recordList.length < 1"
      class="no_data"
    >
      <div class="icon">
        <img :src="noData">
      </div>
      <p>你还没有购票记录</p>
    </div>
    <div
      v-else
      class="record_area"
    >
      <record-list></record-list>
    </div>
    <foot-bar selectedIndex="2"></foot-bar>
  </div>
</template>

<script>
export default {
  data () {
    return {
      noData: require('@static/img/no-data.png'), // 无数据时展示的图片
      recordList: [1, 2] // 购票记录数据
    }
  }
}
</script>

<style lang="scss" scoped>
.main {
  width: 100%;
  min-height: fill-available;
  box-sizing: border-box;
  background-color: #f2f5f6;
  .no_data {
    .icon {
      width: 522px;
      margin: auto;
      padding-top: 64px;
      padding-bottom: 32px;
      img {
        width: 100%;
      }
    }
    p {
      text-align: center;
      color: #9fb0b2;
    }
  }
}
</style>
